[#escape x as x?html]
<!DOCTYPE html>
<html>
<head>
    <title>${setting.siteName}</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="${base}/resource/web/css/C.css">
    <link rel="stylesheet" type="text/css" href="${base}/resource/web/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="${base}/resource/public/css/common.css">
    [#include "/include/js.ftl" /]
    <style>
    	#demo2 ul.items li .group-item{
    		width:280px;height:170px;margin:10px; float:left;overflow:hidden; text-overflow:ellipsis;
    	}
    	#demo2 ul.items li .group-item .text {
    		text-align: center;
    		white-space:nowrap; 
    		overflow:hidden; 
    		text-overflow:ellipsis;
    	}
    	.slide-bottom .header{
    		text-align: center;
		    color: white;
		    font-size: 14px;
		    cursor: default;
		    border-radius: 10px 10px 0 0;
		    width: 120px;
		    top: 0;
		    background-color: #ff6700;
		    padding: 5px;
    	}
    	.slide-bottom .header a{
    		color:#fff;
    	}
    	.headline a {
    		color: #fff;
    	}
    	.article-content {
    		text-overflow: ellipsis;
    		overflow: hidden;
    	}
    </style>
</head>
<body>
<header>
    <div class="content center">
        [#include "/web/include/header.ftl" /]
        [@include_page path="/index/nav" /]
    </div>
</header>

<div class="content firstline">
    <div id="demo1" class="slideBox ">
        <ul class="items">
                    [#--<li><a href="page2.html" title="参加浙江省服务外包大赛并获一等奖的同学"><img src="${base}/resource/web/image/1020x320/01.jpg"></a></li>--]
                    [#--<li><a href="" title="CCF浙江工商大学学生分会举行换届选举大会"><img src="${base}/resource/web/image/1020x320/02.jpg"></a></li>--]
                    [#--<li><a href="" title="计算机组成与知识大赛"><img src="${base}/resource/web/image/1020x320/03.jpg"></a></li>--]
                    [#--<li><a href="" title="面向学生开放的综合性、创新性专业实验室"><img src="${base}/resource/web/image/1020x320/04.jpg"></a></li>--]
                    [#--<li><a href="" title="实验示范中心携手技嘉举办计算机使用交流会"><img src="${base}/resource/web/image/1020x320/5.jpg"></a></li>--]
                        [@include_page path="/index/indexRotationPic" /]
        </ul>
    </div>
    <div class="box box1" style="width:1200px;">
        <div class="headline">
            <a href="${navigationCenter1.link.parseLink(base)}" [#if navigationCenter1.isOpenNew]target="_blank" [/#if]>${navigationCenter1.title!}</a>
        </div>
        <div class="article-content" style="max-height: 300px;">
        	[#assign articleCenter1 = navigationCenter1.temp.article]
        	[#noescape]
        	[#if articleCenter1??]
        		${articleCenter1.contentHtml}
        	[/#if]
        	[/#noescape]
        	<!-- 
            <p>
                浙江工商大学计算机技术与工程实验教学中心成立于1992年，2010年被浙江省教育厅批准立项建设计算机技术与工程实验教学示范中心。2010年、2011年国家财政部、省财政厅和学校先后投入770余万元对实验教学示范中心进行相关实验教学平台和实践教学内容的建设与改造，2012年、2013年又陆续投入560余万元用于实验室改造和创新教学平台的建设。</p>
            <p>
                目前，实验中心现有实验室面积3600m2, 实验设备1952台（件）,
                设备总值1899万元，其中大型设备14台（套），大型设备总值266.1万元。中心现开设实验课程70门，实验项目430个，其中综合性、设计性、创新性实验项目353个。每年约有8500名人参加中心开设的实验项目，年人时数达27.2万人时。作为一个开放共享的实验教学示范中心，实验中心除对本院、本校学生开放外，还对其他兄弟院校的学生和社会人员提供服务。其中，其他高校学生年人数48人，年人时数384人时；社会人员人数4800人，年人时数9600人时。
            </p>
             -->
        </div>
    </div>
    <!--  
    <div class="box box2">
        <div class="headline">
            最新发布
        </div>
        <div class="container">
            <ul>
                [@include_page path="/index/latestArticles" /]
            </ul>

        </div>
        <div class="more">
            <a href="">more<i class="iconfont">&#xe979;</i></a>
        </div>
    </div>
    -->
    <div class="block">
        <ul>
        		<!-- <li><a href="http://10.21.244.56/wwwW" target="_blank"><img src="image/apply-online.jpg"></a></li>
                <li><a href="http://e-learning.zjgsu.edu.cn/" target="_blank"><img src="image/e-learning.jpg"></a></li>
                <li><a href="http://acm.zjgsu.edu.cn/" target="_blank"><img src="image/prj_mgmt.jpg"></a></li>
                <li><a href="http://cie.zjgsu.edu.cn:8080/labBook_Front.do?action=viewAll" target="_blank"><img src="image/programming.jpg"></a></li>
                <li><a href="http://cie.zjgsu.edu.cn:8080/labBook_Front.do?action=viewAll" target="_blank"><img src="image/swinfo.jpg"></a></li> -->
        		<!-- <li><a href="http://10.21.244.56/www" target="_blank"><img src="${base}/resource/web/image/list/List_1.jpg"></a></li>
        		<li><a href="http://10.21.244.56/www" target="_blank"><img src="${base}/resource/web/image/list/List_2.jpg"></a></li>
        		<li><a href="http://10.21.244.56/www" target="_blank"><img src="${base}/resource/web/image/list/List_3.jpg"></a></li>
        		<li><a href="http://10.21.244.56/www" target="_blank"><img src="${base}/resource/web/image/list/List_4.jpg"></a></li> -->
        [@include_page path="/index/indexLeftBottomPic" /]
        </ul>
    [#--<div class="block-inner">
        <ul>
            <li>实验队伍</li>
            <li><a href="">主讲实验教师</a></li>
            <li><a href="">专职实验人员</a></li>
        </ul>
        <ul>
            <li>设备与环境</li>
            <li><a href="">仪器设备</a></li>
            <li><a href="">环境与安全</a></li>
            <li><a href="">维护运行</a></li>
        </ul>
    </div>--]
    </div>
    <div class="box box3" style="width:900px;">
        <div class="headline">
            <a href="${navigationCenter2.link.parseLink(base)}" [#if navigationCenter2.isOpenNew]target="_blank" [/#if]>${navigationCenter2.title!}</a>
        </div>
        <div class="article-content" style="max-height: 500px;">
        	[#assign articleCenter2 = navigationCenter2.temp.article]
        	[#noescape]
        	[#if articleCenter2??]
        		${articleCenter2.contentHtml}
        	[/#if]
        	[/#noescape]
        	<!-- 
            <ul>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我院承担的十二五“国家科技支撑计划课题”通过验收</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">信息学院陈志贤老师荣获“商李芳华”十佳教师称号</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我校学子在第七届全国大学生电子商务“创新、创意及创业”挑战赛中取得历史性突破</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="page2.html">任志国副书记走访调研信息学院“挑战杯”创业大赛筹备工作情况</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href=""> 2014-2015-1学期信息学院开放实验题目申报通知</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">王勋院长入选国家百千万人才工程</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我院承担的十二五“国家科技支撑计划课题”通过验收</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">信息学院陈志贤老师荣获“商李芳华”十佳教师称号</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我校学子在第七届全国大学生电子商务“创新、创意及创业”挑战赛中取得历史性突破</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我院承担的十二五“国家科技支撑计划课题”通过验收</a></li>

            </ul>
			 -->
        </div>
        <!-- <div class="more">
            <a href="">more<i class="iconfont">&#xe979;</i></a>
        </div> -->
    </div>
    <!-- 
    <div class="box box3">
        <div class="headline">
            中心新闻
        </div>
        <div class="container">
            <ul>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我院承担的十二五“国家科技支撑计划课题”通过验收</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">信息学院陈志贤老师荣获“商李芳华”十佳教师称号</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我校学子在第七届全国大学生电子商务“创新、创意及创业”挑战赛中取得历史性突破</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">任志国副书记走访调研信息学院“挑战杯”创业大赛筹备工作情况</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href=""> 2014-2015-1学期信息学院开放实验题目申报通知</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">王勋院长入选国家百千万人才工程</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">《信息安全技术》实验课教学大纲</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我院承担的十二五“国家科技支撑计划课题”通过验收</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">信息学院陈志贤老师荣获“商李芳华”十佳教师称号</a></li>
                <li>
                    <time>2008-02-14</time>
                    <i class="iconfont">&#xe686;</i><a href="">我校学子在第七届全国大学生电子商务“创新、创意及创业”挑战赛中取得历史性突破</a></li>
            </ul>

        </div>
        <div class="more">
            <a href="page.html">more<i class="iconfont">&#xe979;</i></a>
        </div>
    </div>
	 -->
	 <div class="slide-bottom">
	 	<div class="header">
	 		<a href="ceshi" target="_blank" >成果展示</a>
	 	</div>
	 	<div id="demo2" class="slideBox ">
	        <ul class="items box"  style="background-color: white;">
	        	[@include_page path="/index/indexBottomPic" /]
	        	[#--
	           <li>
		           	[#list 1..4 as i]
		           	<div class="group-item">
		           		<img src="${base}/resource/web/image/1020x320/01.jpg" style="width:280px;height:150px;">
		           		<div class="text">哈哈哈哈哈</div>
		           	</div>
		           	[/#list]
	           </li>
	           <li>
		           	[#list 1..4 as i]
		           	<div class="group-item">
		           		<img src="${base}/resource/web/image/1020x320/02.jpg" style="width:280px;height:150px;">
		           		<div class="text">呵呵呵呵</div>
		           	</div>
		           	[/#list]
	           </li>
	           <li>
		           	[#list 1..4 as i]
		           	<div class="group-item">
		           		<img src="${base}/resource/web/image/1020x320/03.jpg" style="width:280px;height:150px;">
		           		<div class="text">鹅鹅鹅鹅鹅鹅</div>
		           	</div>
		           	[/#list]
	           </li>
	           --]
	        </ul>
   		</div>
	 </div>
</div>

[#include "/web/include/footer.ftl" /]
</body>

<script src="web/js/jquery.min.js" type="text/javascript"></script>
<script src="web/js/jquery.slideBox.min.js" type="text/javascript"></script>
<script>
    jQuery(function ($) {
        $('#demo1').slideBox();
        $('#demo2').slideBox({
        	hideBottomBar: true//隐藏底栏
        });
        /* $('#demo2').slideBox({
            direction: 'top',//left,top#方向
            duration: 0.3,//滚动持续时间，单位：秒
            easing: 'linear',//swing,linear//滚动特效
            delay: 5,//滚动延迟时间，单位：秒
            startIndex: 1//初始焦点顺序
        }); */
        $('#demo3').slideBox({
            duration: 0.3,//滚动持续时间，单位：秒
            easing: 'linear',//swing,linear//滚动特效
            delay: 5,//滚动延迟时间，单位：秒
            hideClickBar: false,//不自动隐藏点选按键
            clickBarRadius: 10
        });
        $('#demo4').slideBox({
            hideBottomBar: true//隐藏底栏
        });
    });
</script>

</html>
[/#escape]
